<!DOCTYPE html>
<html>

<head>
    <include file="Share:meta" />
    <script type="text/javascript" src="../Public/plugins/echarts/echarts.common.min.js"></script>
    <style type="text/css">
        .trstyle0 {
            background-color: #e8e8e8;
        }
    </style>
</head>

<body oncontextmenu="self.event.returnValue=false" ondragstart="return false" class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
        <include file="Share:header" />
        <include file="Share:left" />
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1>项目分类按月统计<small><a target="_blank"></a></small></h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                    <li class="active">项目分类按月统计</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">列表</h3>
                        <div class="box-tools" style="width: 70%;">
                            <div class="row">
                                  <form action="" method="GET" role="form">
                                    <div class="col-xs-3">
                                        <select name="year" id="yearid" class="form-control" >
                                            <option value="">年份</option>
                                            <option value="2016">2016</option>
                                            <option value="2017">2017</option>
                                            <option value="2018">2018</option>
                                            <option value="2019">2019</option>
                                            <option value="2020">2020</option>
                                            <option value="2021">2021</option>
                                            <option value="2022">2022</option>
                                            <option value="2023">2023</option>
                                            <option value="2024">2024</option>
                                            <option value="2025">2025</option>
                                        </select>
                                        <script type="text/javascript">
                                            $('#yearid').val('{$Think.get.year}');
                                        </script>
                                    </div>
                                    
                                    <div class="col-xs-4">
                                        <select name="shopid" id="shopid" class="form-control" >
                                            <option value="">请选择门店</option>
                                            <volist name="shoplist" id="vo">
                                                <option value="{$vo.tid}">{$vo.shopname}</option>
                                            </volist>
                                        </select>
                                        <script type="text/javascript">
                                        $('#shopid').val('{$Think.get.shopid}');
                                        </script>
                                    </div>
                                    <div class="col-xs-2 input-group-btn">
                                        <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <table class="table table-bordered HjTable" border="1">
                            <tbody>
                                <tr style="background-color: #E6E6FA;">
                                    <th style="width: 20%;">门店名称</th>
                                    <th style="width: 20%;">项目类型</th>
                                    <th style="width: 5%;">1月</th>
                                    <th style="width: 5%;">2月</th>
                                    <th style="width: 5%;">3月</th>
                                    <th style="width: 5%;">4月</th>
                                    <th style="width: 5%;">5月</th>
                                    <th style="width: 5%;">6月</th>
                                    <th style="width: 5%;">7月</th>
                                    <th style="width: 5%;">8月</th>
                                    <th style="width: 5%;">9月</th>
                                    <th style="width: 5%;">10月</th>
                                    <th style="width: 5%;">11月</th>
                                    <th style="width: 5%;">12月</th>
                                </tr>
                                <volist name="value_array" id="vo">
                                    <tr>
                                        <td>{$vo.shopname}</td>
                                        <td>{$vo.typename}</td>
                                        <td>{$vo.1|default="0"}</td>
                                        <td>{$vo.2|default="0"}</td>
                                        <td>{$vo.3|default="0"}</td>
                                        <td>{$vo.4|default="0"}</td>
                                        <td>{$vo.5|default="0"}</td>
                                        <td>{$vo.6|default="0"}</td>
                                        <td>{$vo.7|default="0"}</td>
                                        <td>{$vo.8|default="0"}</td>
                                        <td>{$vo.9|default="0"}</td>
                                        <td>{$vo.10|default="0"}</td>
                                        <td>{$vo.11|default="0"}</td>
                                        <td>{$vo.12|default="0"}</td>
                                    </tr>
                                </volist>
                            </tbody>
                        </table>
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer clearfix">
                        <ul class="pagination pagination-sm no-margin pull-right">
                            {$show}
                        </ul>
                    </div>
                </div>
            </section>

            <section class="content" style="display: none;">
                <div class="box">
                    <div id="main" style="width: 100%;height:500px;display: none;"></div>
                </div>

                <div class="box" >
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th></th>
                                <!-- <volist name="date_array" id="vo">
                                    <th>{$vo}</th>
                                </volist> -->
                                <th>数量</th>
                            </tr>
                        </thead>
                        <tbody>
                            <volist name="value_array" id="vo">
                            <tr>
                                <th>{$vo.name}</th>
                                <volist name="vo.data" id="vo1">
                                    <th>{$vo1}</th>
                                </volist>
                            </tr>
                            </volist>
                        </tbody>
                    </table>
                </div>
            </section>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
        <include file="Share:copyright" />
        <include file="Share:setting" />
    </div>
    <include file="Share:js" />
    <script type="text/javascript">
        $("#reportManage").addClass("active");
        $("#consumed_list_7").addClass("active");
        // 基于准备好的dom，初始化echarts实例

    </script>

</body>

</html>
